<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>register</title>

	<style>
		#first-page {

			height: 1000px;
			background-color: black;
			margin: auto;
			margin-top: 100px;
		}

		#first-welcome {
			text-align: center;
			color: azure;
		}

		#register {
			width: 500px;
			height: 560px;
			margin: auto;
			margin-top: 50px;
			background-color: #D6E9C6;
		}


		#login-1 {

			float: left;

		}

		#login-2 {
			float: left;
			margin-top: 25px;
			margin-left: 180px;
		}

		#login-3 {
			float: left;
			margin-top: 25px;
			margin-left: 10px;
		}

		#login-3 a {
			text-decoration: none;
		}

		#box {
			padding: 50px 50px 20px 50px;
		}

	    #register-text{
			width: 400px;
			height: 45px;
			margin-top: 10px;
		}

		#register-text-2{
			width: 260px;
			height: 45px;
			margin-top: 10px;
		}

		#register-button{
			width: 130px;
			height: 44px;
			border: 0px;
			background-color: #5CB85C;
			color: white;
			float: right;
			margin-top: -45px;
		}

		#register-button:hover{
			background-color: rgb(55, 157, 97);
		}

		#register-button-2{
			width: 400px;
			height: 40px;
			border: 0px;
			background-color: #5CB85C;
			color: white;
		}
		#register-button-2:hover{
			background-color: rgb(55, 157, 97);
		}

	</style>

	<!-- 引入bootstrap框架的样式文件 -->
	<link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.css" type="text/css">
</head>

<body>

	<!-- 首行 - begin -->
	<div id="first-page">

		<br><br>
		<h1 id="first-welcome">欢迎来到闲时网</h1>

		<!-- 注册页面展示 -begin -->
		<div id="register">
			<div id="box">
				<div style="border-bottom: 1px solid black; overflow: hidden;">
					<h3 id="login-1">会员注册</h3>
					<p id="login-2">已有账号</p>
					<p id="login-3"><a href="javascript:jump2()">立即登录</a></p>
				</div>

				<div>
					<br>
					<input id="register-text" type="text" placeholder="用户名"><br>
					<input id="register-text" type="text" placeholder="输入密码"><br>
					<input id="register-text" type="text" placeholder="确认密码"><br>
					<input id="register-text" type="text" placeholder="输入手机号"><br>
					<input id="register-text-2" type="text" placeholder="输入验证码">
				</div>

				<div>
					<button id="register-button" type="button">获取验证码</button>
				</div>
				<br>
				<hr>
				<div>
					<button id="register-button-2" type="button">立即注册</button>
				</div>

			</div>
		</div>


		<!-- 注册页面展示 -end -->
	</div>
	<!-- 首行 - end -->
	<script>
		function jump2() {
		window.location.href = 'login.html';
	}
	</script>
	


	<!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
	<script src="../../plugins/jquery/jquery.min.js"></script>
	<!--引入bootstrap的js文件-->
	<script src="../../plugins/bootstrap/js/bootstrap.js"></script>
</body>

</html>